@charset "utf-8";
/* CSS Document */
/* Time: 2013-2*/
/* Name: public Style 1.0 */

body{background-image: url(../img/public/bg.png); background-repeat:repeat;}

/*top*/
.headWrap{ background-color:#000; height:47px; padding-top:3px; background-image:url(../img/public/heard_bg.png); background-repeat: repeat-x; background-position:top;}

.headBox{ width:1000px; margin:0 auto;}
.logo{ color:#fff; font-size:35px; font-weight: normal; width:150px; float:left;}
.logo a,.logo a:link,.logo a:visited{ color:#FFF; display:block; text-decoration:none; width:120px}
.logo a:hover{ color:#ccc;}

.navBox{ width:320px; float:left;}
.navBox ul li{ width:100px; float:left; text-align:center; height:47px; line-height:47px;}
.navBox ul li a,.navBox ul li a:link,.navBox ul li a:visited{ display:block; color:#FFF; font-size:14px;}
.navBox ul li a:hover{ background:#111;}

.searchBox{ float:left; padding-top:5px;}
.searchInput{ border:1px solid #333; border-radius:3px; background:#111; height:30px; color:#333;}

.taskList{ float:right; color:#ccc; height:47px; line-height:47px; font-size:14px;}

.box{ width:1000px; margin:0 auto;}

/*foot*/
.footBox{ width:1000px; margin:20px auto; text-align:center; color:#f2f2f2;}
.link{ height:20px; line-height:20x; margin-bottom:10px;}
.link a,.link a:link,.link a:visited{ color:#f2f2f2; margin:0 20px;}
.link a:hover{ color:#ccc;}
.copyright{ font-size:9px; color:#999;}

/*userIogo*/
.userLogo{ position:relative; width:230px; height:230px; background:#CCC;-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; margin:10px 10px 0 10px;}
.renewalFace{ position:absolute; right:0;top:0; cursor:pointer; background:url(../img/public/public.png) top left no-repeat; width:35px; height:25px; z-index:10;}
.userFace{-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; width:230px; height:230px;}

.userName{ font-size:14px; margin:0 10px; height:30px; line-height:30px;}
.userName a,.userName a:link,.userName a:visited{ color:#fff;text-shadow:1px 1px 0px #000;}
.userName a:hover{ color:#CCC;}

.about{ margin:0 10px;}
.about h2{ font-family: "Comic Sans MS", cursive; color:#FFF;text-shadow:1px 1px 0px #000; height:40px; line-height:40px; font-weight:bolder; font-style:italic;}
.about p{ line-height:25px; color:#ccc;text-shadow:1px 1px 0px #000;}


.project{ display:block; float:left; width:100%;}
.project ul{display:block;}
.project ul li{ float:left; width:33.333%; margin-bottom:20px; height:160px; overflow:hidden;}
.projecting{ background:url(../img/public/project.png) 0 -150px no-repeat; width:145px; height:111px; font-size:24px; text-align:center; line-height:111px;text-shadow:1px 1px 0px #fff;}
.projecting a,.projecting a:link,.projecting a:visited{ display:block;}

.projectPush a,.projectPush a:link,.projectPush a:visited{ background:url(../img/public/project.png) 0px -300px no-repeat;width:145px; height:111px; font-size:24px; text-align:center; line-height:111px;text-shadow:1px 1px 0px #fff; cursor: pointer; display:block;}
.projectPush a:hover{background:url(../img/public/project.png) -150px -300px no-repeat;}

.project ul li h4{ font-size:12px; height:20px; line-height:20px; overflow:hidden; margin-top:10px;}
.project ul li p{ font-size:10px; height:20px; color:#666;}

.projectFinish{ background:url(../img/public/project.png) -150px -150px no-repeat; width:145px; height:111px; font-size:24px; text-align:center; line-height:111px;text-shadow:1px 1px 0px #fff;}
.projectFinish a,.projectFinish a:link,.projectFinish a:visited{ display:block;}

.projectHistory{ background:url(../img/public/project.png) -300px -150px no-repeat; width:145px; height:111px; font-size:24px; text-align:center; line-height:111px;text-shadow:1px 1px 0px #fff;}

.starLevelBox{ height:30px; width:140px; display:block; position:relative; background:url(../img/public/public.png) 0px -80px no-repeat; cursor:pointer;}
.starLevelBox span{ height:30px; width:140px; display:block; background:url(../img/public/public.png) 0px -50px no-repeat;}
.starLevelBox font{ right:-70px; top:0px; width:70px; text-align:center; color:#FFF; line-height:30px; height:30px; background:url(../img/public/public.png) 0px -110px no-repeat; display: block; position:absolute;}
